:root{--sy:0;--vh:900;--tp:0}:root.reduced{--tp:1}.dep{--ink:#edebe6;--ground:#0b0b0c;--paper:#ece7dc;--paper-ink:#141312;--mute:#8a8a90;--paper-mute:#6d675d;--paper-body:#3f3b35;--orange:#ff4f12;--gutter:64px;--ease:cubic-bezier(.2, .8, .2, 1);--fs-dek:clamp(20px, 1.75vw, 25px);--fs-body:18px;--fs-data:12px;--fs-link:14px;--fs-cap:28px;--display:var(--font-anton), Impact, "Arial Narrow", sans-serif;--mono:var(--font-jet), ui-monospace, Menlo, monospace;--text:var(--font-instrument), system-ui, sans-serif;background:var(--ground);color:var(--ink);font-family:var(--mono);overflow-x:clip}.page{position:relative}:root:has(.dep){background:#0b0b0c}.accent{color:var(--orange)}.nowrap{white-space:nowrap}.grain{z-index:60;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");background-size:240px 240px;position:fixed;inset:0}.wp{pointer-events:none;width:10px;height:10px;position:absolute}.wp-origin{vertical-align:baseline;margin-left:.12em;display:inline-block;position:relative}.wp-hero-out{bottom:2%;left:54vw}.wp-tl{top:calc(100% + 14px);left:54vw}.wp-now-a{top:12%;left:45.5vw}.wp-now-b{top:94%;left:45.5vw}.wp-work-a{top:6%;left:50vw}.wp-work-b{top:50%;left:50vw}.wp-work-c{top:94%;left:48vw}.wp-f1{top:2%;left:42.5vw}.wp-f2{top:30%;left:42.5vw}.wp-f3{top:40%;left:48vw}.wp-f4{top:66%;left:48vw}.wp-f5{top:72%;left:30vw}.wp-f6{top:97%;left:30vw}.wp-about-a{top:8%;left:44vw}.wp-about-b{top:62%;left:44vw}.wp-about-c{top:96%;left:12vw}.wp-end{left:calc(var(--gutter) - 5px);top:calc(12vh - 16px)}.wp-spine{top:0;left:auto;right:12px}.hero{min-height:100svh;padding:0 var(--gutter) 9vh;--screen:30vw;flex-direction:column;display:flex;position:relative;overflow:hidden}.top{height:72px;font-size:13px}.mark,.nav{z-index:50;align-items:center;height:72px;display:flex;position:fixed;top:0}.mark{left:var(--gutter);color:var(--orange);letter-spacing:.08em;font-weight:500}.nav{right:var(--gutter);font-family:var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);mix-blend-mode:difference;gap:28px;font-size:15px}.hero-copy{z-index:3;margin:auto 0 0;padding-bottom:6vh;position:relative}.eyebrow{font-size:var(--fs-data);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:22px}.name{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;font-weight:400;line-height:.9;font-size:min(170px, calc((100vw - var(--gutter) - var(--screen) - 76px) / 5.6));margin:0}.tagline{max-width:36ch;font-family:var(--text);font-size:var(--fs-dek);text-wrap:balance;color:#c9c9ce;margin:30px 0 0;line-height:1.36}.links{font-size:var(--fs-link);gap:28px;margin-top:28px;display:flex}.eyebrow,.tagline,.links,.hero-art,.track{opacity:0;transition:opacity .55s var(--ease)}.eyebrow.on,.tagline.on,.links.on,.hero-art.on,.track.on{opacity:1}.hero-art{z-index:2;width:calc(var(--screen) + 8vw);position:absolute;top:0;right:-8vw}.hero-screen{width:100%}.hero-screen .ph{padding-right:calc(8vw + 16px)}.flap{display:inline-flex}.flap-cell,.flap-space{text-align:center;perspective:300px;height:.9em;display:inline-block;position:relative;overflow:hidden}.flap-cell{width:.5em;transition:width .4s var(--ease), margin-right .4s var(--ease), background-color .45s var(--ease), box-shadow .45s var(--ease);margin-right:.02em}.flap-cell.moving,.flap.pending .flap-cell{background:#1a1a1d;box-shadow:inset 0 0 0 1px #ffffff0f}.flap.pending .flap-hi{opacity:0}.flap.settled .flap-cell{margin-right:0}.flap-space{width:.22em}.flap-hi,.flap-lo,.flap-prev{height:.9em;line-height:.9;position:absolute;top:0;left:0;right:0}.flap-cell.moving .flap-hi{clip-path:inset(0 0 50%)}.flap-prev{clip-path:inset(50% 0 0)}.flap-lo{clip-path:inset(50% 0 0);transform-origin:50%;animation:50ms cubic-bezier(.1,.8,.2,1) flap-drop}.flap-cell:after{content:"";background:#0b0b0cd9;height:2px;position:absolute;top:50%;left:0;right:0}@keyframes flap-drop{0%{filter:brightness(.6);transform:rotateX(-90deg)}to{filter:none;transform:none}}.tl{z-index:2;background:var(--ground);border-top:1px solid #edebe62e;border-bottom:1px solid #edebe62e;padding:16px 0;position:relative;overflow:hidden}.tl-track{z-index:2;width:max-content;transform:translateX(calc(var(--p,0) * (100vw - 100%) * .6));will-change:transform;align-items:stretch;display:flex;position:relative}.tl-item{--cell:400px;--pad:28px;box-sizing:border-box;width:var(--cell);padding:0 var(--pad);border-right:1px solid #edebe61f;flex-direction:column;gap:8px;display:flex}.tl-item:first-child{width:calc(var(--cell) - var(--pad) + var(--gutter));padding-left:var(--gutter)}.tl-year{font-size:var(--fs-data);letter-spacing:.14em;color:var(--mute);align-items:center;gap:8px;display:flex}.tl-tick{background:var(--orange);width:12px;height:2px}.tl-label{font-family:var(--display);text-transform:uppercase;font-size:min(var(--fs-cap), calc((var(--cell) - 2 * var(--pad)) / (var(--n) * .45)));letter-spacing:.02em;white-space:nowrap;line-height:1}.tl-org{font-size:var(--fs-data);white-space:nowrap;color:var(--mute);margin-top:auto;line-height:1.5}.tl-link:hover{text-decoration:none}.tl-link:hover .tl-label{color:var(--orange)}@media (max-width:720px){.dep{--gutter:24px}.hero{padding-top:72px;padding-bottom:0}.hero-copy{margin:8vh 0 6vh}.wp-hero-out{inset:calc(100% - 42vh - 40px) 12px auto auto}.wp-tl{left:auto;right:12px}.now .wp-spine{top:20px}.name{font-size:calc((100vw - 2 * var(--gutter)) / 6.3)}.hero{overflow:visible}.hero-art{width:88%;height:42vh;margin:auto 0 0;position:relative;top:auto;right:auto;overflow:hidden}.tl-item{--cell:260px;--pad:20px}.tl-label{font-size:min(24px, calc((var(--cell) - 2 * var(--pad)) / (var(--n) * .45)))}.tl-org{white-space:normal}}
.ph{box-sizing:border-box;text-align:center;color:#9a9aa0;width:100%;height:100%;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:repeating-linear-gradient(135deg,#ffffff0b 0 10px,#0000 10px 20px),#1c1c1f;place-content:center;gap:8px;padding:16px;font-size:11px;line-height:1.5;display:grid}.ph-label{font-family:var(--display);letter-spacing:.04em;color:#dedcd6;font-size:22px}.art-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.duotone{filter:url(#duotone)}a:hover .art-img,a:active .art-img,a:focus-visible .art-img,.hero-art:hover .art-img,.now-art:hover .art-img,.cut:hover .art-img{filter:none}.flat{box-sizing:border-box;background:#1c1c1f;display:block;overflow:hidden;box-shadow:0 0 0 1px #fff3}.clip{box-sizing:border-box;color:#17150f;background:#fbfaf5;padding:20px 22px;overflow:hidden;box-shadow:0 0 0 1px #00000029,8px 8px #0000001a}.clip .ph.clip-ph{text-align:left;color:#8a8478;background:0 0;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;padding:0;display:flex}.clip-mast{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;color:#17150f;border-bottom:2px solid #17150f;width:100%;padding-bottom:8px;font-size:24px}.clip-line{background:#1f1d1a;width:100%;height:16px;display:block}.clip-line.short{width:64%}.photo{box-sizing:border-box}.photo .art-img{object-fit:contain;object-position:bottom}.photo-ph{clip-path:polygon(48% 0,66% 3%,79% 15%,74% 29%,92% 42%,100% 58%,91% 76%,96% 100%,30% 100%,9% 87%,0 67%,12% 49%,3% 31%,21% 15%,34% 5%)}.photo-ph .ph{color:#6d675d;background:repeating-linear-gradient(135deg,#0000000d 0 10px,#0000 10px 20px),#d2ccbe}.photo-ph .ph-label{color:#2a2722}.cut-title{z-index:3;left:var(--gutter);font-family:var(--display);text-transform:uppercase;font-weight:400;font-size:min(140px, calc((100vw - 2 * var(--gutter)) / (var(--n) * .47)));letter-spacing:.01em;color:var(--ink);mix-blend-mode:difference;pointer-events:none;margin:0;line-height:1;position:absolute;top:0;transform:translateY(-50%)}.facts{font-size:var(--fs-data);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);flex-wrap:wrap;gap:6px 0;margin:26px 0 0;padding:0;line-height:1.5;list-style:none;display:flex}.facts li:not(:last-child):after{content:"·";margin:0 .75em}[data-ground=paper] .facts{color:var(--paper-mute)}.now{padding:14vh 0 16vh var(--gutter);background:var(--ground);grid-template-columns:minmax(0,38%) minmax(0,1fr);align-items:center;gap:140px;display:grid;position:relative;overflow:hidden}.now-copy{z-index:2;position:relative}.now-copy p{max-width:44ch;font-family:var(--text);font-size:var(--fs-dek);letter-spacing:-.005em;margin:0;line-height:1.36}.now-art{z-index:2;width:calc(100% + 6vw);position:relative}.now-desktop{width:100%}.now-phone{display:none}.work{background:var(--paper);height:300vh;color:var(--paper-ink);position:relative}.work-stage{z-index:2;height:100vh;position:sticky;top:0;overflow:hidden}.work-item{padding:0 var(--gutter);--line:26vh;--u:calc(var(--pin,0) * 3 - var(--i) - .5);--au:max(calc(var(--u) - .25), calc(.25 - var(--u)));z-index:calc(10 - round(var(--au) * 8));pointer-events:none;grid-template-columns:42% 58%;align-items:center;display:grid;position:absolute;inset:0}.work-copy{padding-top:var(--line);--fin:clamp(0, (var(--u) + .25) * 1000, 1);--fout:clamp(0, (.75 - var(--u)) * 1000, 1);opacity:min(var(--fin), var(--fout));transform:translateY(calc((var(--u) - .25) * -30px));transition:opacity .45s var(--ease);will-change:opacity, transform;align-self:start}.work-copy a{pointer-events:auto}.work-title{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;margin:0 0 16px;font-size:clamp(48px,5.8vw,84px);font-weight:400;line-height:.92}.work-meta{font-size:var(--fs-data);letter-spacing:.08em;text-transform:uppercase;color:var(--paper-mute);line-height:1.5}.work-line{max-width:40ch;font-family:var(--text);font-size:var(--fs-dek);margin:22px 0 0;line-height:1.36}.work-read{font-size:var(--fs-link);margin-top:24px;display:inline-block}.work-art{pointer-events:auto;--yin:calc(clamp(0, var(--u) * -2, 1) * 100vh);--yout:calc(clamp(0, (var(--u) - .5) * 2, 1) * -120vh);width:100%;transform:translateY(calc(var(--yin) + var(--yout)));will-change:transform;justify-content:flex-end;display:flex}.work-art:hover{text-decoration:none}.work-item[data-i="0"] .work-art{--yin:0px}.work-item[data-i="0"] .work-copy{--fin:1}.work-item[data-i="2"] .work-art{--yout:0px}.work-item[data-i="2"] .work-copy{--fout:1}.work .flat{box-shadow:0 0 0 1px #00000029}.art-phone{height:120vh}.art-tv-set{width:86%;margin-right:calc(-1 * var(--gutter));position:relative}.art-tv{width:100%}.art-clip{width:380px;position:absolute}.clip-a{top:-110px;left:40px;transform:rotate(4deg)}.clip-b{bottom:-110px;right:60px;transform:rotate(-3deg)}.art-phone-set{height:120vh;position:relative}.clip-c{bottom:16vh;left:-120px;transform:rotate(-4deg)}.field{background:var(--ground);height:300vh;color:var(--ink);position:relative;overflow-x:clip}.fo{z-index:2;left:var(--l);top:var(--t);width:var(--w);position:absolute}.fo-in{transform:translateY(calc((var(--p,.5) - .5) * (1 - var(--rate)) * 120vh));will-change:transform;display:block}.fo-in:hover{text-decoration:none}.fo-in:hover .fo-name{color:var(--orange)}.fo-cap{flex-direction:column;gap:6px;max-width:100%;margin-top:16px;display:flex}.fo-name{font-family:var(--display);text-transform:uppercase;font-size:var(--fs-cap);letter-spacing:.02em;transition:color .2s var(--ease);line-height:.95}.fo-meta{font-size:var(--fs-data);letter-spacing:.06em;color:var(--mute);line-height:1.5}.field-all{z-index:2;right:var(--gutter);font-size:var(--fs-link);position:absolute;bottom:5vh}.about{min-height:100vh;padding:16vh var(--gutter) 18vh;background:var(--paper);color:var(--paper-ink);grid-template-columns:minmax(0,36%) minmax(0,1fr);gap:140px;display:grid;position:relative}.about-copy{z-index:2;position:relative}.about-copy p{max-width:44ch;font-family:var(--text);font-size:var(--fs-dek);letter-spacing:-.005em;margin:0;line-height:1.36}.about-cuts{z-index:2;min-height:760px;position:relative}.cut{transform:translateY(calc((var(--p,.5) - .5) * (1 - var(--rate)) * 1400px)) rotate(calc((.5 - var(--p,.5)) * 8deg * (var(--rate) - 1) * 10));will-change:transform;margin:0;position:absolute}.cut.c1{z-index:2;width:50%;top:0;left:0}.cut.c2{z-index:3;width:36%;top:6%;right:0}.cut.c3{z-index:1;width:58%;top:58%;left:34%}.cut-cap{font-size:var(--fs-data);letter-spacing:.06em;color:var(--paper-mute);margin-top:12px}.ph-inline{opacity:.55}.foot{padding:12vh var(--gutter) 40px;background:var(--ground);color:var(--mute);font-size:var(--fs-data);position:relative}.foot-row{z-index:2;flex-wrap:wrap;justify-content:space-between;gap:24px;display:flex;position:relative}.foot-links{font-size:var(--fs-link);gap:24px;display:flex}.foot-links a{color:var(--ink)}.track{z-index:1;pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.ct path{fill:none;stroke-width:1px;vector-effect:non-scaling-stroke}.ct-ink path{stroke:var(--ink);stroke-opacity:.085}.ct-paper path{stroke:var(--paper-ink);stroke-opacity:.1}.track-line{fill:none;stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--tp))}.track-tick{fill:none;stroke:var(--orange);stroke-width:2px;stroke-linecap:round;stroke-opacity:clamp(0, (var(--tp) - var(--wf)) * 400, 1)}.track-head{fill:var(--orange)}.fixes text{font-family:var(--mono);letter-spacing:.06em;opacity:clamp(0, (var(--tp) - var(--wf)) * 400, 1);font-size:11px}.fixes-ink text{fill:var(--ink);fill-opacity:.6}.fixes-paper text{fill:var(--paper-ink);fill-opacity:.65}@media (max-width:900px){.now{padding:12vh 0 14vh var(--gutter);grid-template-columns:1fr;gap:40px}.now-art{width:100%}.now-desktop{display:none}.now-phone{width:100%;margin-left:16%;display:block}.cut-title{font-size:min(140px, calc((100vw - 2 * var(--gutter) - 60px) / (var(--n) * .47)))}.work{height:auto;padding:14vh 0 4vh}.work-stage{height:auto;position:static;overflow:visible}.work-item{padding:0 var(--gutter) 20vh;z-index:auto;flex-direction:column-reverse;gap:40px;display:flex;position:static}.work-copy{opacity:1;padding-top:0;transform:none}.work-art{justify-content:flex-start;width:100%;margin:0;transform:none}.art-phone,.art-phone-set{width:80%;height:auto}.art-phone-set .art-phone{width:100%}.art-tv-set{width:80%;margin:0 0 14%}.art-clip{aspect-ratio:auto;width:44%;padding:12px 14px}.clip-mast{font-size:16px}.clip-a{top:-16%;left:auto;right:-12%}.clip-b{bottom:-18%;left:auto;right:-12%}.clip-c{bottom:8%;left:auto;right:-12%}.work-title{font-size:clamp(48px,15vw,72px)}.field{height:auto;padding:14vh var(--gutter) 14vh;flex-direction:column;gap:9vh;display:flex;overflow:visible}.fo{width:100%;position:static}.fo-m{width:88%}.fo-tall{width:80%}.fo:nth-child(2n){align-self:flex-end}.fo-in{transform:translateY(calc((var(--p,.5) - .5) * (1 - var(--rate)) * 30vh))}.fo .flat-browser .art-img{transform:scale(var(--zoom-phone,2.4));transform-origin:var(--focus,0% 0%)}.field-all{align-self:flex-start;margin-top:2vh;position:static}.about{min-height:0;padding:14vh var(--gutter) 14vh;grid-template-columns:1fr;gap:40px}.about-cuts{grid-template-columns:1fr 1fr;align-items:end;gap:20px 12px;min-height:0;display:grid}.cut,.cut.c1,.cut.c2,.cut.c3{width:100%;position:static}.cut.c3{grid-column:1/-1;width:84%;margin:0 auto}.cut{transform:none}.foot-links{flex-wrap:wrap;gap:18px}}:root.reduced .tl-track{transform:none}:root.reduced .work{height:auto;padding:12vh 0 4vh}:root.reduced .work-stage{height:auto;position:static;overflow:visible}:root.reduced .work-item{padding:0 var(--gutter) 14vh;z-index:auto;display:grid;position:static}:root.reduced .work-copy{opacity:1;padding-top:0;transform:none}:root.reduced .work-art{transform:none}:root.reduced .art-phone,:root.reduced .art-phone-set{height:80vh}:root.reduced .fo-in,:root.reduced .cut{transform:none}