*,:before,:after{box-sizing:border-box;-webkit-user-select:none;user-select:none}*{margin:0}body{-webkit-font-smoothing:antialiased;text-rendering:optimizespeed}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a,div,footer,h1,h2,h3,header,html,img,li,nav,p,section,span,ul{border:none;outline:none;margin:0;padding:0;text-decoration:none}li{list-style:none}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.char-w{display:inline-block;overflow:hidden}.char-w .char{display:inline-block}.word-w{line-height:1.2}.word-w .word{display:inline-flex}.line{overflow-clip-margin:.18em;overflow:clip}.line>span{will-change:transform;display:block}.hdl{letter-spacing:-.08em;font-family:Museum;font-size:26.2rem;line-height:.8}@media (width<=768px){.hdl{letter-spacing:-.06em;font-size:6.8rem;line-height:.88}}.ar-count,.pf-main h1,.pf-main .pf-ap h2,.pf-main .pf-co h2,.hm-pt p,.menu-links a{letter-spacing:-.02em;font-size:8rem;line-height:7.4rem}@media (width<=768px){.ar-count,.pf-main h1,.pf-main .pf-ap h2,.pf-main .pf-co h2,.hm-pt p,.menu-links a{font-size:3.4rem;line-height:1.04}}.mb-work h2,.mb-project h3,.ar-copy h1,.pf-list,.pf-main .pf-txt,.cap{letter-spacing:-.02em;font-size:4.2rem;line-height:4.2rem}@media (width<=768px){.mb-work h2,.mb-project h3,.ar-copy h1,.pf-list,.pf-main .pf-txt,.cap{font-size:2.6rem;line-height:1.1}}.ar-link,.ct,#nav{letter-spacing:-.02em;font-size:3.2rem;line-height:3.4rem}@media (width<=768px){.ar-link,.ct,#nav{font-size:2.1rem;line-height:1.2}}.mb-project p,.pf-main .pf-ap p,.hm-meta{letter-spacing:0;font-size:2.1rem;line-height:2.4rem}@media (width<=768px){.mb-project p,.pf-main .pf-ap p,.hm-meta{font-size:2.1rem}}@font-face{font-family:Museum;src:url(/assets/fonts/Museum-Regular.woff2)format("woff2"),url(/assets/fonts/Museum-Regular.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Neue Montreal;src:url(/assets/fonts/Neue_Montreal-Medium.woff2)format("woff2"),url(/assets/fonts/Neue_Montreal-Medium.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}html{background:#0a0a0a;font-size:.520833vw;line-height:1}body{overscroll-behavior:none;background:inherit;color:#f1f1f1;-webkit-font-smoothing:antialiased;font-family:Neue Montreal;position:fixed;inset:0;overflow:hidden}#gl{pointer-events:none;z-index:2;width:100%;height:100%;position:fixed;inset:0}#app,.page{width:100%;height:100%;position:absolute;inset:0}.page{overflow:hidden}a{color:inherit}button{font:inherit}h1,h2,p{font-weight:400}section{width:100%}#loader{z-index:102;color:#f1f1f1;touch-action:none;background:#0a0a0a;place-items:center;display:grid;position:fixed;inset:0}#loader span{font-family:Neue Montreal;font-size:2.4rem;line-height:1}#loader.burning{z-index:102;background:0 0}#nav{color:#fff;z-index:6;letter-spacing:normal;justify-content:space-between;width:100%;padding:0 11rem;line-height:1;transition:color .4s;display:flex;position:fixed;bottom:3rem}#nav .nt{letter-spacing:-.02em}#nav .pg-item{display:inline}#nav a{color:inherit}#nav .est{white-space:nowrap;text-align:right;width:20rem;position:relative}.est{letter-spacing:-.03em}.cl-val{display:inline-block}.cl-cut{opacity:0;pointer-events:none;position:absolute;inset:0}.cl-cut-0{clip-path:inset(0 0 66%);--clock-shift:.8rem}.cl-cut-1{clip-path:inset(34% 0 33%);--clock-shift:-1rem}.cl-cut-2{clip-path:inset(67% 0 0);--clock-shift:.6rem}.est[data-frozen=true] .cl-val{animation:2.6s step-end infinite clock-base}.est[data-frozen=true] .cl-cut{animation:2.6s step-end infinite clock-tear}@keyframes clock-base{0%,22%{opacity:0}23%,to{opacity:1}}@keyframes clock-tear{0%,12%{opacity:1;transform:translateX(var(--clock-shift))}4%,16%{opacity:1;transform:translateX(calc(var(--clock-shift) * -.6))}8%,20%{opacity:1;transform:translateX(calc(var(--clock-shift) * .35))}23%,to{opacity:0;transform:none}}.nav-dark #nav{color:#000}body.work-hit{cursor:pointer}.ct-av{width:41rem;line-height:1.04;position:absolute;top:3rem;left:11rem}.ct-grid{color:inherit;text-align:right;line-height:inherit;letter-spacing:inherit;pointer-events:auto;cursor:pointer;background:0 0;border:0;padding:0;position:absolute;top:3rem;right:11rem}.ct-in{transition:opacity .3s;position:absolute;top:32.5%;left:11rem}.ct-links{margin-top:5.2rem;padding:0;line-height:1.38;list-style:none}.ct-links a{color:inherit;pointer-events:auto;display:inline-block;position:relative}.ct-links a:before{content:"";width:.55em;height:.55em;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;opacity:0;background:currentColor;transition:opacity .3s,transform .3s;position:absolute;top:.15em;left:calc(100% + .6rem);transform:translateY(.5rem)}.ct-links a .ct-ln{pointer-events:none;height:.2rem;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.ct-links a .ct-ln:after{content:"";background:currentColor;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;transform:translate(-101%)}.ct-links a:focus-visible:before{opacity:1;transform:translateY(0)}.ct-links a:focus-visible .ct-ln:after{transform:translate(0)}@media (hover:hover){.ct-links a:hover:before{opacity:1;transform:translateY(0)}.ct-links a:hover .ct-ln:after{transform:translate(0)}}.ct.show-grid:before{content:"";pointer-events:none;background:repeating-linear-gradient(90deg,#00000008 0 calc(8.33333% - 1px),#0002 calc(8.33333% - 1px) 8.33333%);position:absolute;inset:0 11rem}.ct{letter-spacing:-.045em;opacity:0;visibility:hidden;pointer-events:none;z-index:1;color:#121212;background:#fff;line-height:1.08;position:fixed;inset:0}.pf .ct{text-shadow:0 1px 1.2rem #2d0d0080;z-index:3;color:#fff0dc;background:0 0}.out .ct{background:0 0}.ct.cr-peek .ct-in{opacity:0}.ct.cr-peek .ct-in a{pointer-events:none}.ct-cr{color:inherit;letter-spacing:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute;top:48.7%;right:11rem}.cr-reel{aspect-ratio:16/9;color:#aaa;z-index:1;background:#000;place-items:center;width:min(80%,90rem);font-size:2.1rem;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.cr-reel img{object-fit:cover;width:calc(100% + .4rem);height:calc(100% + .4rem);display:block;position:absolute;inset:-.2rem}.cr-reel img[hidden]{display:none}.cr-roll{letter-spacing:-.045em;will-change:transform;width:min(94%,90rem);margin-left:max(-47%,-45rem);font-size:2.2vw;line-height:1.2;position:absolute;top:0;left:50%}.cr-roll section{margin-bottom:15rem}.cr-roll h2{font-size:inherit;text-align:center;text-transform:uppercase;margin-bottom:3.6rem;font-weight:400}.cr-roll dl>div{grid-template-columns:1fr 1fr;gap:4rem;display:grid}.cr-roll dt{text-align:right}.cr-roll dd{text-align:left;margin:0}.cr{color:#eee;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.cr .cr-bars{z-index:0}.cr .cr-roll{z-index:1}.cr .cr-ctrl{z-index:2}.cr::backdrop{background:0 0}.cr-bars{z-index:100;pointer-events:none;position:fixed;inset:0}.cr-bars i{background:#000;width:100%;height:50.1%;transition:transform 1.4s cubic-bezier(.22,1,.36,1);position:absolute;left:0;transform:scaleY(0)}.cr-bars i:first-child{transform-origin:top;top:0}.cr-bars i:last-child{transform-origin:bottom;bottom:0}.cr-bars.peek i{transform:scaleY(.27)}.cr-bars.cover i{transition:none;transform:scaleY(1)}.cr:not(.reel) .cr-reel,.cr:not(.roll) .cr-note,.cr:not(.roll) .cr-reel,.cr:not(.roll) .cr-roll,.cr:not(.roll) .cr-ctrl{visibility:hidden}.cr-ctrl{z-index:1;flex-direction:column;justify-content:space-between;align-items:flex-end;gap:1rem;display:flex;position:absolute;inset:48.7% 11rem auto auto}.cr-ctrl button{color:#eee;cursor:pointer;letter-spacing:-.035em;background:#000;border:0;padding:0;font-size:2.2rem;line-height:1.2}.cr-mask{margin:-.4rem;padding:.4rem;overflow:hidden}.cr-mask button{transition:transform .55s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--control-index) * 70ms);display:block;transform:translateY(130%)}.cr.roll .cr-mask button{transform:translateY(0)}.cr.close .cr-mask button{transition-duration:.24s;transition-timing-function:cubic-bezier(.55,0,1,.45);transition-delay:calc((4 - var(--control-index)) * 40ms);pointer-events:none;transform:translateY(-130%)}.cr-note{color:#aaa;pointer-events:none;z-index:1;font-size:2.1rem;position:absolute;bottom:6rem;left:50%;transform:translate(-50%)}.cr.roll .cr-note{animation:5s forwards cr-note}.cr.reel .cr-roll,.cr.reel .cr-note{visibility:hidden}.cr-m{display:none}@media (width<=768px){.cr-d{display:none}.cr-m{display:inline}}@keyframes cr-note{0%,65%{opacity:1}to{opacity:0}}#menu{opacity:0;pointer-events:none;z-index:5;background:#efefef;padding:4rem;position:fixed;inset:0}#menu .close{position:absolute;top:4rem;right:4rem}@media (width<=768px){#menu{padding:3rem}#menu .close{top:3rem;right:3rem}}.menu-links{flex-direction:column;justify-content:center;align-items:center;gap:2rem;height:100%;display:flex}#g{opacity:.15;z-index:9999;pointer-events:none;width:100%;height:100%;padding:0 11rem;position:fixed}@media (width<=768px){#g{padding:0 2rem}}#g_w{gap:2rem;height:100%;display:flex}#g_w div{background:#004cff;width:100%;position:relative}#g.is_v #g_w div{transform:translate(0,0)}.o{opacity:.3}.hm-hero{width:100%;height:100vh;position:relative}.t{padding:4rem}.hdl{text-align:center;font-variant-ligatures:common-ligatures;font-feature-settings:"liga" 1}.hdl>span{margin-right:2.9rem}.hdl .yr-d{margin-left:2.5rem}.cap{letter-spacing:-.1rem;width:54rem;position:absolute;bottom:30rem;left:11rem}.hm-pt{place-items:center;width:100%;height:100vh;padding:8vw;display:grid}.hm-pt p{width:74vw;font-weight:400}.hm-pt p .line{white-space:nowrap}.hm-info{text-align:center;pointer-events:none;opacity:0;z-index:4;width:80%;position:fixed;top:6rem;left:50%;transform:translate(-50%)}.hm-info .hm-name{display:inline-block;position:relative}.hm-info .hm-name .hm-arr{opacity:0;width:2.4rem;height:2.4rem;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;background:currentColor;transition:opacity .3s,transform .3s;position:absolute;top:0;left:calc(100% + 1.2rem);transform:translateY(.5rem)}.hm-info .hm-name .hm-ln{pointer-events:none;height:.2rem;position:absolute;bottom:-1rem;left:0;right:0;overflow:hidden}.hm-info .hm-name .hm-ln:after{content:"";background:currentColor;width:100%;height:100%;transition:transform .45s cubic-bezier(.22,1,.36,1);display:block;transform:translate(-101%)}.hm-info .hm-name:hover .hm-arr,.hm-info .hm-name:focus-visible .hm-arr{opacity:1;transform:translateY(0)}.hm-info .hm-name:hover .hm-ln:after,.hm-info .hm-name:focus-visible .hm-ln:after{transform:translate(0)}.hm-info .hm-name{letter-spacing:-.08em;font-variant-ligatures:common-ligatures;font-feature-settings:"liga" 1;font-family:Museum;font-size:9.6rem;line-height:.8}@media (width<=768px){.hm-info{display:none}}.hm-meta{opacity:0;pointer-events:none;z-index:4;width:27rem;font-family:inherit;position:fixed;top:50%;right:11rem;transform:translateY(-50%)}.hm-meta.left{left:14rem;right:auto}.hm-meta dl>div{margin-bottom:3rem}.hm-meta dl>div:last-child{margin-bottom:6rem}.hm-meta dt{opacity:.6;margin-bottom:.6rem}.hm-meta dd{margin:0}.hm-meta .hm-type{text-transform:capitalize}.hm-meta .hm-role{white-space:pre-line}.hm-meta a{align-items:center;gap:.6rem;display:inline-flex}.hm-meta .hm-url img,.hm-meta .hm-course img{filter:brightness(0)invert();width:1.7rem;height:1.7rem;transform:translateY(-.1rem)}.hm-meta a[hidden]{display:none}@media (width<=768px){.hm-meta{display:none}}.pf.out{background:#0a0a0a}.pf-main{color:#eee;z-index:1;width:100%;padding:6rem 11rem 16vw 13.2vw;position:relative;top:0;left:0}.pf-main .pf-in{width:calc(100% - 22.4vw);margin-left:22.4vw}.pf-main .pf-ap p{width:28vw;margin-top:8rem}.pf-main .pf-txt{width:36vw}.pf-main .pf-list h2{font-size:inherit;margin-bottom:5vw}.pf-main h1,.pf-main h2,.pf-main p{font-weight:400}.pf-img{object-fit:cover;width:36.5vw;height:48.7vw;margin-top:6rem;display:block}.pf-ap{width:58vw;margin-top:18rem}.pf-sv{flex-direction:column;margin-top:36rem;display:flex;position:relative}.pf-st{width:24vw;height:29vw;position:absolute;top:calc(50% - 14.5vw + 8rem);left:24vw}.pf-list{width:29vw;margin-top:50rem;margin-left:52.3vw;position:relative}.pf-list ul{padding:0;list-style:none}.pf-co{width:74vw;margin-top:36rem}.pf-main .line{white-space:nowrap;overflow:clip}.pf-main .line>span{display:block}.ar-main{z-index:3;color:#eee;position:relative}.ar-copy{width:36vw;position:absolute;top:6rem;left:11rem}.ar-copy h1{font-weight:500}.ar-meta{justify-content:space-between;align-items:baseline;margin-top:24rem;display:flex}.ar-count{letter-spacing:-.05em;line-height:1}.ar-link{color:inherit;line-height:inherit;letter-spacing:inherit}.ar-reel{width:calc(49.5vw - 11rem);margin-left:50.5vw;padding-top:6rem}.ar-item{width:100%;aspect-ratio:var(--ratio);margin-bottom:2.4rem;margin-left:auto}.yr-m,.nav-menu,.mb-st,.ct-st,.mb-work,.ar-item video{display:none}@media (width<=768px){html{font-size:62.5%}body.mobile{overscroll-behavior:auto;position:static;overflow:auto}.mobile #app,.mobile .page{height:auto;position:relative;overflow:visible}.mobile #gl{height:100svh}.mobile #nav{letter-spacing:-.02em;-webkit-backdrop-filter:none;backdrop-filter:none;mix-blend-mode:difference;color:#fff;background:0 0;flex-wrap:nowrap;padding:2rem;line-height:1.2;bottom:0}.mobile #nav .est{width:auto;margin-left:auto}.mobile #nav .pg{display:none}.mobile .nav-menu{z-index:7;color:#fff;mix-blend-mode:difference;background:0 0;border:0;padding:0;font-size:2.1rem;display:block;position:fixed;top:2rem;right:2rem}.mobile #menu{z-index:8;color:#eee;background:#0a0a0a}.mobile #menu .close{color:inherit;background:0 0;border:0;padding:0;font-size:2.1rem;top:2rem;right:2rem}.mobile .mb-st,.mobile .ct-st{pointer-events:none;width:100%;height:48svh;display:block}.mobile .hm-hero{height:100svh;min-height:60rem;padding:7rem 2rem 8rem}.mobile .t{padding:0}.mobile .hdl span{margin:0}.mobile .hdl .yr-d{display:none}.mobile .hdl .yr-m{display:block}.mobile .hm-hero .mb-st{width:calc(100% - 4rem);height:49svh;position:absolute;top:22svh;left:2rem}.mobile .cap{letter-spacing:-.02em;width:calc(100% - 4rem);margin-top:0;position:absolute;bottom:17rem;left:2rem}.mobile .hm-pt{display:none}.mobile .mb-work{padding:5rem 2rem 8rem;display:block}.mobile .mb-work>h2{margin-bottom:5rem}.mobile .mb-project{margin-bottom:6rem}.mobile .mb-project>a{color:inherit;display:block}.mobile .mb-project h3{align-items:center;gap:.8rem;margin-bottom:2rem;font-weight:400;display:flex}.mobile .mb-project .mb-arr{width:1.7rem;height:1.7rem;-webkit-mask:var(--arrow) center/contain no-repeat;mask:var(--arrow) center/contain no-repeat;background:currentColor;flex-shrink:0}.mobile .mb-project video{pointer-events:none}.mobile .mb-project img,.mobile .mb-project video{width:100%;height:auto;margin-bottom:1.6rem}.mobile .pf-main{padding:7rem 2rem 8rem}.mobile .pf-main .pf-in{width:100%;margin:0}.mobile .pf-main .pf-ap p{width:100%;margin-top:6rem}.mobile .pf-main .pf-txt{display:none}.mobile .pf-main .pf-list h2{margin-bottom:2rem}.mobile .pf-img{width:100%;height:auto;margin-top:4rem}.mobile .pf-ap{width:100%;margin-top:8rem}.mobile .pf-sv{margin-top:8rem}.mobile .pf-st{display:none}.mobile .pf-list{width:100%;margin:5rem 0 0}.mobile .pf-co{width:100%;margin-top:13rem}.mobile .ar-main{padding:7rem 2rem 8rem}.mobile .ar-copy{width:100%;position:relative;inset:auto}.mobile .ar-meta{display:none}.mobile .ar-reel{width:100%;margin:3rem 0 0;padding:0}.mobile .ar-item{margin-bottom:3rem}.mobile .ar-item video{object-fit:contain;width:100%;height:100%;display:block}.mobile .ct{opacity:1;visibility:visible;color:#121212;min-height:100svh;text-shadow:none;pointer-events:auto;z-index:auto;background:#fff;padding:2rem 2rem 12rem;position:relative}.mobile .ct-av{z-index:3;max-width:27rem;position:relative;inset:auto}.mobile .ct-grid{display:none}.mobile .ct-in{z-index:3;margin-top:8rem;position:relative;top:auto;left:auto}.mobile .ct-st{width:calc(100% - 4rem);height:46svh;position:absolute;top:50%;left:2rem;transform:translateY(-50%)}.mobile .ct-links{margin-top:1.6rem;line-height:1.3;display:block}.mobile .ct-cr{z-index:3;inset:auto auto 18rem 2rem}.mobile .cr-roll{width:92%;margin-left:-46%;font-size:1.8rem;line-height:1.3}.mobile .cr-roll dl>div{gap:1.5rem}.mobile .cr-roll section{margin-bottom:8rem}.mobile .cr-ctrl{inset:50% 2rem auto auto;transform:translateY(-50%)}.mobile .cr-ctrl button{font-size:1.4rem}}
