:root{--bg: #fff;--fg: #222;--accent: #0600ff;--font: "Neuzeit Grotesk", "Helvetica Neue", Helvetica, Arial, sans-serif;--v-tile: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ctext x='1' y='10' font-size='11' font-family='Arial' fill='%23222222'%3Ev%3C/text%3E%3C/svg%3E");--v-tile-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Ctext x='1' y='10' font-size='11' font-family='Arial' fill='%23ffffff'%3Ev%3C/text%3E%3C/svg%3E")}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--font);font-weight:400}.layer{display:block;position:fixed;inset:0;width:100vw;height:100vh;z-index:0;opacity:1;transition:opacity .2s linear;pointer-events:auto;touch-action:none}.logo-anchor{position:fixed;top:16px;left:16px;z-index:3;transform-origin:top left;transform:translate(0) scale(1);transition:transform .2s cubic-bezier(.455,.03,.515,.955);will-change:transform;pointer-events:none;opacity:0}.logo-anchor.ready{opacity:1;transition:transform .2s cubic-bezier(.455,.03,.515,.955),opacity .2s linear}.logo-spin{display:block;width:240px;height:auto;transform-origin:center;animation:spin 12s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.masthead{position:fixed;top:24px;left:92px;z-index:3;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:20px;font-weight:400;line-height:1.1;letter-spacing:0;pointer-events:none;user-select:none}.masthead .line{display:block;white-space:nowrap;overflow:hidden;clip-path:inset(0 100% 0 0)}body.masthead-locked .masthead .line1{animation:type .8s steps(18) forwards}@keyframes type{to{clip-path:inset(0 0 0 0)}}.wrench-model{position:fixed;top:108px;left:16px;z-index:2;width:340px;height:min(800px,calc(100svh - 144px));opacity:0;pointer-events:none;touch-action:none;user-select:none;transition:opacity .35s ease}.wrench-model.is-loaded{opacity:0}body.scrolled .wrench-model.is-loaded{opacity:1;pointer-events:auto;cursor:grab}body.scrolled .wrench-model.is-loaded.is-dragging{cursor:grabbing}.site-nav{position:fixed;top:16px;right:16px;z-index:4;display:flex;gap:16px;font-size:15px}.site-nav a{color:var(--fg);text-decoration:none}.site-nav a:hover{color:var(--accent)}.js .site-nav{opacity:0;pointer-events:none;transition:opacity .4s ease}.js body.scrolled .site-nav{opacity:1;pointer-events:auto}.hero{position:relative;z-index:1;height:100vh;pointer-events:none}.scroll-cue{position:absolute;left:50%;bottom:24px;transform:translate(-50%);pointer-events:auto;background:none;border:none;color:var(--fg);font:inherit;font-size:14px;cursor:pointer;opacity:.7}.scroll-cue:hover{opacity:1}.content{position:relative;z-index:1;margin:0 6vw 0 200px;padding:0}@media(hover:hover)and (pointer:fine){.content{pointer-events:none}.content a,.content button{pointer-events:auto}}.content section{display:grid;grid-template-columns:[rail] 150px [body] minmax(0,1fr);column-gap:56px;padding:12vh 0;scroll-margin-top:110px}.section-body{grid-column:body;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:7vh;align-items:start}.section-body>.block--lead{grid-column:1 / -1}.tag{margin-bottom:10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#999}.block{max-width:46ch}.block h3{display:inline-block;font-family:var(--font);font-size:clamp(22px,2.4vw,30px);font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1;margin-bottom:12px;color:var(--fg)}.block h3:after{content:"";display:block;height:12px;margin-top:6px;background-image:var(--v-tile);background-repeat:repeat-x;background-position:left center;background-size:12px 12px}.block p{font-size:30px;line-height:1.35;font-weight:700;color:#8a8a8a}.block--lead{max-width:60ch}.block--lead p{font-size:42px;line-height:1.25;font-weight:700;color:#8a8a8a}#work .section-body{grid-template-columns:1fr;row-gap:6vh}.work-row{display:flex;gap:24px;align-items:flex-start}.work-row .thumb{flex:0 0 180px;height:120px;background:#ececec;border-radius:2px}.work-row h3{display:inline-block;font-family:var(--font);font-size:clamp(24px,2.8vw,34px);font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1;margin-bottom:10px;color:var(--fg)}.work-row h3:after{content:"";display:block;height:14px;margin-top:6px;background-image:var(--v-tile);background-repeat:repeat-x;background-position:left center;background-size:14px 14px}.work-row p{font-size:30px;line-height:1.35;font-weight:700;color:#8a8a8a;max-width:60ch}.footer-block{position:relative;z-index:1;margin-top:12vh;min-height:100vh;padding:28px 24px 24px;display:grid;grid-template-rows:auto 1fr auto;gap:32px;background:var(--accent);color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;scroll-margin-top:110px}.footer-top{justify-self:center;text-align:center;line-height:1.15}.footer-brand{font-size:clamp(18px,1.2vw,22px);font-weight:400}.footer-subtitle{font-size:clamp(18px,1.2vw,22px);font-weight:300}.footer-block .tagline{align-self:center;justify-self:center;text-align:center;font-size:clamp(54px,7vw,128px);font-weight:300;line-height:.95;letter-spacing:0}.footer-bottom{display:grid;grid-template-columns:minmax(0,300px) 1fr minmax(0,300px);align-items:end;gap:24px}.footer-preview{width:min(276px,100%);aspect-ratio:16 / 9;object-fit:cover;object-position:left top;border-radius:6px}.footer-legal{justify-self:center;text-align:center;font-size:clamp(18px,1.15vw,22px);font-weight:300;line-height:1.25}.footer-colophon{justify-self:end;color:#fff;font-size:clamp(18px,1.15vw,22px);font-weight:300;line-height:1;text-decoration:underline;text-underline-offset:3px}.js .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.js .reveal.is-visible{opacity:1;transform:none}.scroll-cue{transition:opacity .3s ease}.scroll-cue.hidden{opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.logo-anchor,.logo-anchor.ready,.layer,.scroll-cue,.site-nav{transition:none}.logo-spin{animation:none}.masthead .line{clip-path:inset(0 0 0 0);animation:none}.js .reveal{opacity:1;transform:none;transition:none}}@media(max-width:960px){.content{margin:0 5vw 0 150px}.content section{display:block;padding:10vh 0}.wrench-model{top:112px;width:112px;height:min(460px,calc(100svh - 144px))}.footer-bottom{grid-template-columns:minmax(0,220px) 1fr minmax(0,220px)}}@media(max-width:640px){.site-nav{top:12px;right:12px;flex-wrap:wrap;justify-content:flex-end;max-width:62vw;gap:6px 12px;font-size:13px;padding:6px 8px;background:var(--bg);border-radius:3px}.masthead{top:84px;left:16px;font-size:16px}.wrench-model{display:none}body.masthead-locked .masthead{background:var(--bg);box-shadow:0 0 0 6px var(--bg)}.content{margin:0;padding:0 18px}.content section{display:block;padding:8vh 0}.section-body{grid-template-columns:1fr;row-gap:4vh}#work .section-body{grid-template-columns:1fr}.block,.block--lead,.work-row p{max-width:none}.work-row{flex-direction:column;gap:12px}.work-row .thumb{flex-basis:auto;width:100%;height:140px}.footer-block{min-height:100svh;padding:20px 18px 18px;gap:24px}.footer-block .tagline{font-size:clamp(44px,14vw,72px)}.footer-bottom{grid-template-columns:1fr;align-items:start}.footer-preview{width:min(276px,100%)}.footer-legal{justify-self:start;text-align:left}.footer-colophon{justify-self:start}}