:root{--bg: #f1f1ef;--ink: #141414;--mute: #8f8e8a;--soft: #b9b8b3;--line: rgba(20, 20, 20, .12);--pad: 24px;--ease: cubic-bezier(.76, 0, .24, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--font: "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--ink);font:500 12px/1.35 var(--font);letter-spacing:-.005em;overflow:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;cursor:default}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}a{color:inherit;text-decoration:none}img{display:block}::selection{background:var(--ink);color:var(--bg)}.link{position:relative}.link:after,.cats button:after,.views button:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease-out)}.link:hover:after,.cats button:hover:after,.views button:hover:after{transform:scaleX(1);transform-origin:left}#loader{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;pointer-events:none;transition:opacity .8s var(--ease),visibility .8s}#loader.done{opacity:0;visibility:hidden}.loader-mark{font-weight:700;font-size:clamp(40px,11vw,180px);letter-spacing:-.065em;line-height:.8;color:var(--ink);overflow:hidden;padding:.06em .04em}.loader-count{position:absolute;left:var(--pad);bottom:var(--pad);font-variant-numeric:tabular-nums;color:var(--mute)}#stage{position:fixed;inset:0;perspective:1400px;perspective-origin:50% 50%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none}#stage.dragging{cursor:grabbing}#world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d}.tile{position:absolute;left:0;top:0;padding:0;transform-origin:50% 50%;backface-visibility:visible;background:#e4e3df;overflow:hidden;outline:none}.tile img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.tile:focus-visible{outline:2px solid var(--ink);outline-offset:4px}#label{position:absolute;left:0;top:0;transform:translate(-50%,-50%);font-weight:700;font-size:clamp(38px,7.2vw,112px);letter-spacing:-.06em;line-height:1;color:#a3a29d;white-space:nowrap;pointer-events:none;text-transform:uppercase;transition:opacity .7s var(--ease)}#label sup{font-size:.26em;letter-spacing:0;vertical-align:top;margin-left:.12em;position:relative;top:.3em;font-weight:600}#label.hide{opacity:0}.top,.bottom{position:fixed;left:0;right:0;z-index:20;padding:var(--pad);display:grid;grid-template-columns:1fr 1.2fr 2.6fr auto;gap:16px;align-items:start;pointer-events:none}.top>*,.bottom>*{pointer-events:auto}.top{top:0;grid-template-columns:1fr auto 1fr}.top .id{display:flex;flex-direction:column;gap:5px}.top .cats{justify-content:center}.top .info-btn{justify-self:end}.bottom{bottom:0;grid-template-columns:1fr 1fr 1fr;align-items:end}.brand{font-weight:700;font-size:15px;white-space:nowrap;letter-spacing:-.04em;line-height:1}.tag{color:var(--mute)}.cats{display:flex;flex-wrap:wrap;gap:4px 18px}.cats button,.views button{position:relative;color:var(--mute);transition:color .3s}.cats button:hover,.views button:hover,.cats button[aria-selected=true],.views button[aria-selected=true]{color:var(--ink)}.cats sup{font-size:8px;margin-left:2px;font-variant-numeric:tabular-nums}.views{display:flex;gap:18px}.status{text-align:center;color:var(--mute);transition:opacity .4s;min-height:1em}.copy{text-align:right;color:var(--mute)}.top,.bottom{opacity:0;transform:translateY(-8px);transition:opacity .9s var(--ease-out),transform .9s var(--ease-out)}.bottom{transform:translateY(8px)}body.ready .top,body.ready .bottom{opacity:1;transform:none}#cursor{position:fixed;left:0;top:0;z-index:90;pointer-events:none;transform:translate3d(-100px,-100px,0)}#cursor .dot{position:absolute;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--ink);transition:transform .35s var(--ease-out)}#cursor .pill{position:absolute;left:12px;top:10px;white-space:nowrap;background:var(--ink);color:var(--bg);padding:5px 8px;font-size:11px;line-height:1;opacity:0;transform:translateY(4px) scale(.96);transform-origin:left top;transition:opacity .25s,transform .35s var(--ease-out)}#cursor .pill em{font-style:normal;color:var(--soft);margin-left:6px}#cursor.on .pill{opacity:1;transform:none}#cursor.on .dot{transform:scale(0)}@media(hover:none){#cursor{display:none}}#index{position:fixed;inset:0;z-index:10;overflow-y:auto;padding:120px var(--pad) 90px;opacity:0;visibility:hidden;transition:opacity .6s var(--ease),visibility .6s;overscroll-behavior:contain}#index.on{opacity:1;visibility:visible}#index-list{list-style:none;border-top:1px solid var(--line)}#index-list li{border-bottom:1px solid var(--line)}#index-list button{width:100%;display:grid;grid-template-columns:1fr 1.2fr 2fr 1fr .4fr;gap:16px;text-align:left;padding:12px 0;align-items:baseline;transition:padding .5s var(--ease-out),color .3s}#index-list .t{font-size:clamp(20px,2.6vw,40px);font-weight:600;letter-spacing:-.045em;line-height:1;grid-column:3;grid-row:1}#index-list .n,#index-list .k,#index-list .c,#index-list .q{color:var(--mute)}#index-list .n{grid-column:1}#index-list .c{grid-column:2}#index-list .k{grid-column:4}#index-list .q{grid-column:5;text-align:right}#index-list:hover button{color:var(--soft)}#index-list button:hover{color:var(--ink);padding-left:10px}#index-list button{opacity:0;transform:translateY(14px)}#index.on #index-list button{opacity:1;transform:none;transition:opacity .7s var(--ease-out) var(--d),transform .9s var(--ease-out) var(--d),padding .5s var(--ease-out),color .3s}#peek{position:fixed;left:0;top:0;z-index:12;width:220px;pointer-events:none;opacity:0;transition:opacity .3s}#peek.on{opacity:1}#peek img{width:100%;height:auto;box-shadow:0 30px 60px -30px #00000059}#viewer{position:fixed;inset:0;z-index:40;background:var(--bg);overflow-y:auto;overscroll-behavior:contain;clip-path:inset(100% 0 0 0);visibility:hidden;transition:clip-path .9s var(--ease),visibility 0s .9s}#viewer.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .9s var(--ease),visibility 0s}.v-head{position:sticky;top:0;z-index:3;display:grid;grid-template-columns:1fr 1.2fr 2.6fr auto;gap:16px;padding:var(--pad);background:linear-gradient(var(--bg) 60%,rgba(241,241,239,0))}.v-head .count{color:var(--mute);font-variant-numeric:tabular-nums}.v-body{display:grid;grid-template-columns:minmax(260px,1fr) 2.4fr;gap:40px;padding:40px var(--pad) 0}.v-title .w{display:inline-block;white-space:nowrap}.v-meta{position:sticky;top:90px;align-self:start;container-type:inline-size;min-width:0}.v-title{font-size:clamp(32px,4.2vw,104px);font-size:clamp(32px,15cqi,104px);font-weight:700;letter-spacing:-.06em;line-height:.88;margin-bottom:28px}.v-meta dl{display:grid;grid-template-columns:80px 1fr;gap:6px 12px;border-top:1px solid var(--line);padding-top:12px}.v-meta dt{color:var(--mute)}.v-meta p{margin-top:24px;max-width:30ch;font-size:15px;line-height:1.35;letter-spacing:-.015em}.v-imgs{display:flex;flex-direction:column;gap:16px;padding-bottom:40px}.v-imgs figure{position:relative;background:#e4e3df}.v-imgs img{width:100%;height:auto;opacity:0;transition:opacity .8s var(--ease-out)}.v-imgs img.loaded{opacity:1}.v-imgs figcaption{position:absolute;right:10px;bottom:8px;font-size:10px;color:var(--mute);mix-blend-mode:difference;color:#fff;opacity:.7}.v-imgs.portrait{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.v-next{display:block;width:100%;text-align:left;border-top:1px solid var(--line);margin-top:40px;padding:28px var(--pad) 80px}.v-next span{color:var(--mute);display:block;margin-bottom:8px}.v-next strong{font-size:clamp(44px,9vw,160px);font-weight:700;letter-spacing:-.065em;line-height:.85;display:inline-block;transition:transform .7s var(--ease-out)}.v-next:hover strong{transform:translate(16px)}.v-reveal{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease-out),transform 1.1s var(--ease-out)}#viewer.on .v-reveal{opacity:1;transform:none;transition-delay:.35s}#info{position:fixed;inset:0;z-index:45;background:var(--ink);color:var(--bg);overflow-y:auto;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .9s var(--ease),visibility 0s .9s}#info.on{clip-path:inset(0 0 0 0);visibility:visible;transition:clip-path .9s var(--ease),visibility 0s}#info .close{position:absolute;right:var(--pad);top:var(--pad)}.info-inner{padding:120px var(--pad) var(--pad);max-width:1400px}.info-lead{font-size:clamp(26px,3.8vw,58px);font-weight:600;letter-spacing:-.045em;line-height:1.02;max-width:22ch}.info-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:80px}.info-cols h3{font-weight:500;font-size:12px;color:#77766f;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:10px}.info-cols ul{list-style:none;font-size:15px;line-height:1.5}.info-cols a{border-bottom:1px solid rgba(255,255,255,.3)}.info-cols a:hover{border-color:currentColor}@media(max-width:760px){:root{--pad: 14px}.top{grid-template-columns:1fr auto;row-gap:14px}.top .cats{grid-column:1 / -1;grid-row:2;gap:4px 14px;justify-content:flex-start}.info-btn{grid-column:2;grid-row:1}.bottom{grid-template-columns:1fr auto}.status{display:none}#index{padding-top:110px}#index-list button{grid-template-columns:28px 1fr auto;row-gap:4px}#index-list .t{grid-column:2 / -1;grid-row:1}#index-list .n{grid-row:1}#index-list .c{grid-column:2;grid-row:2}#index-list .k{display:none}#index-list .q{grid-column:3;grid-row:2}.v-head{grid-template-columns:1fr auto}.v-head .hide-m{display:none}.v-body{grid-template-columns:1fr;gap:28px;padding-top:10px}.v-meta{position:static}.v-imgs.portrait{grid-template-columns:1fr}.info-cols{grid-template-columns:1fr;margin-top:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important}}.top:before,.bottom:before{content:"";position:absolute;left:0;right:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .6s var(--ease)}.top:before{top:0;bottom:-28px;background:linear-gradient(to bottom,var(--bg) 55%,rgba(241,241,239,0))}.bottom:before{bottom:0;top:-28px;background:linear-gradient(to top,var(--bg) 55%,rgba(241,241,239,0))}body[data-mode=grid] .top:before,body[data-mode=grid] .bottom:before,body[data-mode=index] .top:before,body[data-mode=index] .bottom:before{opacity:1}