*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:where(button){all:unset}:where(button,a){cursor:pointer}img{display:block;max-width:100%;height:auto}ul,ol{list-style:none}a{color:inherit;text-decoration:none}:root{--white: #fff;--black: #101010;--grey: #777;--paper: #e8e8e8;--side-margin: 20px;--gap-medium: 20px;--gap-large: 80px;--font-body: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--font-headings: "Inter Tight", "Helvetica Neue", Arial, sans-serif;--width: 75px;--height: 65px;--depth: 75px}@media (max-width: 1280px){:root{--width: 55px;--height: 45px;--depth: 55px}}@media (max-width: 640px){:root{--side-margin: 10px}}html{background:var(--black);scroll-behavior:auto;scrollbar-gutter:stable}body{color:var(--black);font-family:var(--font-body);line-height:1.5;-webkit-font-smoothing:antialiased}.title-large{font-size:90px;line-height:1.1;font-weight:500;letter-spacing:-.03em}@media (max-width: 1440px){.title-large{font-size:6.6vw}}@media (max-width: 1280px){.title-large{font-size:5.6vw}}@media (max-width: 480px){.title-large{font-size:8.6vw}}.body-xl{font-size:3.9vw;font-weight:400;line-height:normal}@media (max-width: 1280px){.body-xl{font-size:2.5vw}}@media (max-width: 640px){.body-xl{font-size:3.9vw}}.body-regular{font-size:24px;font-weight:400;line-height:normal}.body-medium{font-size:24px;font-weight:500;line-height:normal}@media (max-width: 1080px){.body-regular,.body-medium{font-size:18px}}@media (max-width: 640px){.body-regular,.body-medium{font-size:14px}}.body-regular a{text-decoration:underline}.caption-medium{font-size:14px;font-weight:500}p+p{margin-top:1em}.grid-container{display:grid;gap:var(--gap-medium);row-gap:var(--gap-large);grid-template-columns:repeat(12,1fr);padding:var(--side-margin);width:100%}.app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;background-color:#1a1a1a;transition:background-color .35s ease-out}.app.state-2{background-color:#101010}.app.state-4{background-color:var(--white)}header nav{position:fixed;left:var(--side-margin);bottom:var(--side-margin);display:flex;flex-direction:column;gap:2px;width:141px;z-index:20}@media (max-width: 1280px){header nav{width:102px}}.nav-flex{display:flex;flex-direction:column}.logo{background:var(--white);border:1px solid var(--black);margin-bottom:20px;padding:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.logo img{width:104px;height:auto}.logo .wordmark{font-size:12px;letter-spacing:.18em;line-height:1;font-weight:500;text-transform:lowercase;text-align:center;white-space:nowrap;padding:4px 0 2px}@media (max-width: 1280px){.logo{margin-bottom:10px}.logo img{width:70px}.logo .wordmark{font-size:12px}}.cube-ui-wrap{position:relative;display:flex;align-items:center;justify-content:center;height:140px;background:var(--white);border:1px solid var(--black);perspective:150vw;transition:perspective 1.5s ease-in-out}@media (max-width: 1280px){.cube-ui-wrap{height:100px;perspective:300vw}}.cube-ui-wrap.stateA-3,.cube-ui-wrap.stateA-4{perspective:140px}.cube-ui-element{width:var(--width);height:var(--height);transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-45deg)}.cube-ui-element.stateA-0{transform:rotateX(-20deg) rotateY(45deg)}.cube-ui-element.stateA-3{transform:rotateX(-90deg) rotateY(0)}.cube-ui-element.stateA-3.stateB-1{transform:rotateX(-90deg) rotateY(90deg)}.cube-ui-element.stateA-4{transform:rotateX(-90deg) rotateY(180deg)}.cube-ui-element.with-transition{transition:transform .8s ease-in-out}.cube-ui-element.stateA-3.with-transition{transition:transform .4s ease-in-out}.cube-ui-element .face{position:absolute;width:100%;height:100%;border:1px solid var(--black);backface-visibility:inherit;background:transparent}.cube-ui-element .face.front{transform:translateZ(calc(var(--depth) * .5))}.cube-ui-element .face.back{transform:rotateY(180deg) translateZ(calc(var(--depth) * .5))}.cube-ui-element .face.right{right:0;width:var(--depth);transform-origin:right;transform:rotateY(90deg) translate(calc(var(--depth) * .5))}.cube-ui-element .face.left{width:var(--depth);transform-origin:left;transform:rotateY(-90deg) translate(calc(var(--depth) * -.5))}.cube-ui-element .face.top{height:var(--depth);transform-origin:top;transform:rotateX(90deg) translateY(calc(var(--depth) * -.5))}.cube-ui-element .face.bottom{bottom:0;height:var(--depth);transform-origin:bottom;transform:rotateX(-90deg) translateY(calc(var(--depth) * .5))}.cube-ui-element .face.center-0{border:1px dashed #b8b8b8}.cube-ui-element .face.center-1{border:1px dashed #b8b8b8;transform:rotateY(90deg)}.cube-ui-element.stateA-3 .face.top{background:#d9d9d9cc}.ui-btn{position:relative;display:flex;align-items:center;justify-content:center;background:var(--white);border:1px solid var(--black);color:var(--black);font-size:10px;font-weight:700;letter-spacing:.112em;text-transform:uppercase;padding:4px 0}.ui-btn a{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.ui-btn.fixed-width{width:141px;height:22px}@media (max-width: 1280px){.ui-btn.fixed-width{width:102px}}.socials{display:flex;gap:2px;width:100%}.socials .ui-btn{flex:1;height:22px}.breadcrumbs{position:fixed;top:var(--side-margin);width:100%;display:flex;justify-content:center;gap:0;pointer-events:none;z-index:6}.breadcrumb{position:relative;display:flex;align-items:center;margin-right:1px;pointer-events:auto}.breadcrumb-icon{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--white);border:1px solid var(--black);overflow:hidden;color:#9a9a9a}.breadcrumb.is-active .breadcrumb-icon{color:var(--black)}.breadcrumb-icon a{position:absolute;top:0;right:0;bottom:0;left:0}.breadcrumb .text{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;height:40px;width:0;padding:0;background:var(--white);border:0 solid var(--black);border-width:1px 1px 1px 0;font-size:20px;font-weight:700;line-height:1;white-space:nowrap}.breadcrumb.is-active .text{width:auto;padding:0 8px}.breadcrumb.step-4 .text{display:block;line-height:40px;max-width:30vw;text-overflow:ellipsis}.breadcrumb .text span{position:relative;z-index:1}.breadcrumb .text .scroll-progress{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.breadcrumb .text .scroll-progress-inner{width:0;height:100%;background:#b8b8b8}@media (max-width: 1280px){.breadcrumb-icon{width:32px;height:32px}.breadcrumb .text{height:32px;font-size:14px}.breadcrumb.step-4 .text{line-height:32px;max-width:40vw}}.puzzle{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:5;transition:opacity .2s ease-in-out}.puzzle.hide{opacity:0}.puzzle-piece{position:absolute;pointer-events:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.puzzle.hide .puzzle-piece{pointer-events:none!important}.toggle-puzzle{position:fixed;right:var(--side-margin);bottom:var(--side-margin);z-index:20;display:none;align-items:center;justify-content:center;padding:6px;background:var(--white);border:1px solid var(--black)}.toggle-puzzle svg path{fill:var(--black)}.toggle-puzzle.hide svg path{fill:#fff}@media (max-width: 1280px){.toggle-puzzle{display:flex}}.custom-cursor{position:fixed;top:0;left:0;width:62px;height:64px;pointer-events:none;z-index:20}.custom-cursor .inner{position:relative;width:100%;height:100%}.custom-cursor img{position:absolute;top:0;left:0}.custom-cursor .hover-state,.custom-cursor.hovering .default-state{opacity:0}.custom-cursor.hovering .hover-state{opacity:1}@media (max-width: 1080px){.custom-cursor{display:none}}.controls{position:fixed;top:50%;transform:translateY(-50%);width:100%;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:var(--side-margin);opacity:0;pointer-events:none}.controls button{pointer-events:auto}.ctrl-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--white);border:1px solid var(--black);color:var(--black)}.ctrl-btn svg.right{transform:rotate(180deg)}@media (max-width: 1280px){.ctrl-btn{width:25px;height:25px}.ctrl-btn svg{width:7px}}.column-slug{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--paper);text-align:center}.container-column-slug .cube{position:relative;perspective:20vw;perspective-origin:50% 50%;transform-style:flat}@media (max-width: 1080px){.container-column-slug .cube{perspective:40vw}}@media (max-width: 768px){.container-column-slug .cube{perspective:60vw}}@media (max-width: 640px){.container-column-slug .cube{perspective:70vw}}.fold{width:60vw;height:80vh;overflow:hidden;background:#fff}@media (max-width: 1080px){.fold{width:70vw}}@media (max-width: 640px){.fold{width:80vw}}.fold .fold-align{width:100%;height:100%}.fold-content{will-change:transform}.fold-top{position:absolute;left:0;right:0;bottom:calc(100% + .2px);border:1px solid var(--paper);transform-origin:bottom center;transform:rotateX(-90deg)}.fold-top .fold-align{transform:translateY(100%)}.fold-bottom{position:absolute;left:0;right:0;top:calc(100% - 1px);border:1px solid var(--paper);transform-origin:top center;transform:rotateX(90deg)}.fold-bottom .fold-align{transform:translateY(-100%)}.fold-center{border:1px solid transparent;position:relative;z-index:1}.fold-left{position:absolute;left:1px;right:0;top:0;opacity:.9;border:1px solid var(--paper);transform-origin:top left;transform:rotateY(-90deg)}.fold-left .fold-align{transform:scaleX(-1)}.fold-right{position:absolute;left:-1px;right:0;top:0;border:1px solid var(--paper);transform-origin:top right;transform:rotateY(90deg)}.fold-right .fold-align{transform:scaleX(-1)}.fold-left .block-text,.fold-left .chat,.fold-right .block-text,.fold-right .chat{opacity:.05}.face-object-item{position:fixed;top:50%;left:50%;width:50vw;height:50vh;transform:translate(-50%,-50%) translateZ(0) rotateY(180deg);transform-style:preserve-3d;perspective:45vw;z-index:4}@media (max-width: 640px){.face-object-item{width:60vw;height:60vh}}.face-object-item .image{width:100%;height:100%;transform:rotateY(0)}.face-object-item img{position:absolute;width:100%;height:100%;object-fit:contain}.column-article{opacity:0;padding:80px 0}.column-article.flipped{transform:scaleX(-1)}.column-slug-header{display:grid;grid-column:1 / span 12;row-gap:24px;padding:0 3vw;margin-bottom:-1.5vw}.column-slug-title-image{grid-column:1 / span 12;display:flex;justify-content:center;margin:0 auto;max-width:60vw}.object-label{display:inline-block;padding:.05em .35em;background:#d5d5d8;color:#2c2c30;white-space:nowrap;font-size:4vw;font-weight:500;line-height:1.15;letter-spacing:-.02em;filter:blur(.4px) contrast(1.1);box-shadow:inset 0 0 40px #0000001f}.column-slug-header h3{grid-column:3 / span 8;font-family:var(--font-headings)}.column-slug-header .credits-line{grid-column:4 / span 6}.column-slug-credits{grid-column:3 / span 8;display:flex;flex-direction:column}.column-slug-credits .tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:20px auto 0;max-width:40vw;font-style:italic}.column-slug-credits .tags span{display:inline-block}.column-slug-credits .tags i{font-style:italic;font-weight:500;transform:skew(-8deg);display:inline-block}.block-text.quote{grid-column:3 / span 8;position:relative}@media (max-width: 640px){.block-text.quote{grid-column:2 / span 10}}.quote:before,.quote:after{content:"";display:block;position:absolute;width:0;height:0;border-top:2vw solid transparent;border-bottom:2vw solid transparent;border-left:2vw solid var(--black)}.quote:before{left:0;top:0;transform:translate(-200%,-5%) rotate(-135deg)}.quote:after{right:0;bottom:0;transform:translate(200%,22%) rotate(45deg)}.quote h5{font-weight:400}.quote .quote-author{margin-top:20px}.block-text.body{grid-column:2 / span 10;text-align:left;white-space:pre-line}.block-text.body.two-column{display:grid;gap:var(--gap-medium);grid-column:3 / span 8;grid-template-columns:repeat(8,1fr);text-align:left}@media (max-width: 1440px){.block-text.body.two-column{grid-column:2 / span 10}}.body.two-column>span{grid-column:1 / span 2}.body.two-column>div{grid-column:3 / span 6}.body .subtitle-medium{grid-column:1 / -1;font-weight:700;margin-bottom:20px;font-size:24px}@media (max-width: 1080px){.body .subtitle-medium{font-size:18px}}.chat{display:grid;gap:var(--gap-medium);grid-column:2 / span 10;grid-template-columns:repeat(8,1fr);text-align:left}.chat>span{grid-column:1 / span 2;font-weight:500}.chat>div{grid-column:4 / span 5}@media (max-width: 480px){.chat>span{grid-column:1 / span 3}}.visuals{grid-column:1 / span 12;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--gap-medium);align-items:end}.visuals figure{grid-column:span 6}.visuals figure.landscape{grid-column:2 / span 7}.visuals figure.portrait{grid-column:span 3}.visuals figure.landscape+figure.portrait{grid-column:9 / span 3}.visuals figure.portrait+figure.landscape{grid-column:5 / span 7}.visuals figure.portrait:first-child{grid-column:2 / span 3}.visuals img{width:100%;height:auto}.visuals figcaption{grid-column:3 / span 8;margin-top:8px;text-align:center;color:var(--grey)}.column-footer{grid-column:2 / span 10;padding:60px 0 40px;color:var(--grey);text-align:center}.column-footer .end-mark{display:inline-block;width:12px;height:12px;background:var(--black);margin-bottom:24px}.dock{position:fixed;left:50%;bottom:22px;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:14px;height:52px;padding:0 8px 0 16px;background:#ffffffd1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(16,16,16,.25);border-radius:14px;box-shadow:0 10px 30px #0000001f;opacity:0}.dock-wm{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:700;padding-right:14px;border-right:1px solid rgba(16,16,16,.2);white-space:nowrap}.dock-seg{display:flex;gap:2px;padding:3px;background:#ededed;border-radius:9px}.dock-seg button{padding:6px 10px;border-radius:7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;color:#777;transition:background .2s,color .2s}.dock-seg button.on{background:var(--black);color:#fff}.dock-name{font-size:12px;font-weight:500;padding:0 4px;white-space:nowrap}.dock-ring{position:relative;width:30px;height:30px;border-radius:50%;flex:none;background:conic-gradient(var(--black) calc(var(--p) * 1%),#d8d8d8 0);display:flex;align-items:center;justify-content:center}.dock-ring:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:#fff}.dock-ring b{position:relative;z-index:1;font-family:JetBrains Mono,ui-monospace,monospace;font-size:8px;font-weight:500}.dock-links{display:flex;gap:2px;padding-left:8px;border-left:1px solid rgba(16,16,16,.2)}.dock-links a{padding:7px 10px;border-radius:8px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;transition:background .2s}.dock-links a.on,.dock-links a:hover{background:#ededed}.side-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:6;width:40px;height:120px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--black);opacity:0;cursor:pointer;transition:opacity .3s}.side-arrow.l{left:36px}.side-arrow.r{right:36px}.side-arrow:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--black);opacity:.35}.side-arrow span{position:relative;background:var(--paper);padding:6px 4px;opacity:.5;transition:opacity .2s}.side-arrow:hover span{opacity:1}@media (max-width: 1080px){.dock{gap:10px;height:46px;padding:0 6px 0 12px;bottom:14px}.dock-name{display:none}.dock-wm{font-size:10px;padding-right:10px}.side-arrow{display:none}}@media (max-width: 640px){.dock{gap:8px}.dock-links a{padding:6px 7px;font-size:9px}.dock-seg button{padding:5px 7px;font-size:10px}.dock-wm{display:none}}.readc{position:fixed;right:24px;top:22px;z-index:20;text-align:right;font-size:11px;letter-spacing:.16em;text-transform:uppercase;opacity:0}.readc .track{position:relative;width:180px;height:2px;background:#cfcfcf;margin-top:8px}.readc .track i{position:absolute;left:0;top:0;height:100%;width:0;background:var(--black)}.ruler{position:fixed;left:0;right:0;bottom:0;z-index:20;height:52px;display:flex;align-items:stretch;background:#fff;border-top:1px solid var(--black);font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:0}.ruler .wm{width:200px;display:flex;align-items:center;padding-left:24px;font-size:13px;letter-spacing:.3em;border-right:1px solid var(--black);white-space:nowrap}.ruler .tabs{flex:1;display:flex}.ruler .tab{position:relative;flex:1;display:flex;align-items:center;justify-content:center;gap:10px;color:#8a8a8a;border-right:1px solid #e2e2e2;transition:color .2s;white-space:nowrap}.ruler .tab .n{font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.ruler .tab:before{content:"";position:absolute;left:0;top:0;width:1px;height:10px;background:var(--black)}.ruler .tab:hover,.ruler .tab.on{color:var(--black)}.ruler .tab.on:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--black)}.ruler .links{width:340px;display:flex;align-items:center;justify-content:space-evenly;border-left:1px solid var(--black)}.ruler .links a:hover{text-decoration:underline;text-underline-offset:4px}.ruler .arr{width:52px;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--black);font-size:16px;transition:background .2s}.ruler .arr:hover{background:#ededed}@media (max-width: 1280px){.ruler .wm{width:150px;font-size:11px;padding-left:16px}.ruler .links{width:260px}.ruler .tab{gap:6px;font-size:10px}}@media (max-width: 1080px){.ruler{height:46px;font-size:10px}.ruler .wm,.ruler .tab .t{display:none}.ruler .links{width:auto;padding:0 10px;gap:14px}.readc{display:none}}@media (max-width: 640px){.ruler .links a:nth-child(3),.ruler .links a:nth-child(4){display:none}.ruler .arr{width:40px}}