.is-work{--sub:0px;--frame:calc(100vw - 2 * var(--gap));--detail:min(1400px, calc(100vw - 2 * var(--gap)))}html:has(body.is-work),body.is-work{overscroll-behavior:none;height:100%;overflow:hidden}body.is-work{touch-action:none}.work{position:fixed;inset:0;overflow:hidden}.grid{width:var(--frame);grid-template-columns:repeat(var(--n), minmax(0, 1fr));gap:var(--gap);height:100%;margin:0 auto;display:grid}.col{height:100%;position:relative;overflow:visible}.col-inner{will-change:transform}.col-set{gap:var(--gap);padding-bottom:var(--gap);flex-direction:column;display:flex}.dock{z-index:18;left:50%;bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px));scrollbar-width:none;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#1212129e;border-radius:99px;gap:2px;max-width:calc(100vw - 24px);padding:5px;display:flex;position:fixed;overflow-x:auto;translate:-50%;box-shadow:0 22px 60px #0000008c,inset 0 0 0 1px #ffffff1a}.dock::-webkit-scrollbar{display:none}.dock button{cursor:pointer;color:#d6d6d3;white-space:nowrap;background:0 0;border:0;border-radius:99px;flex:none;height:38px;padding:0 18px;font-size:13px;transition:color .25s;position:relative}.dock button:hover{color:#fff}.dock button[aria-pressed=true]{color:#000}.dock-pill{z-index:0;background:#fff;border-radius:99px;position:absolute;inset:0}.dock-label{z-index:1;position:relative}.dock sup{opacity:.55;margin-left:3px;font-size:9px}.flow-toggle{align-items:center;gap:6px;margin-left:6px;display:inline-flex;box-shadow:-1px 0 #ffffff1f;color:#8a8a87!important}.flow-toggle svg{width:16px;height:16px;transition:transform .4s cubic-bezier(.32,.72,0,1)}.flow-toggle[aria-pressed=true]{color:#fff!important}.flow-toggle[aria-pressed=true] svg{transform:scaleX(1.25)}@media (width<=600px){.dock button{height:34px;padding:0 12px;font-size:12px}}.card{border-radius:var(--r);background:var(--card);cursor:pointer;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden;background:0 0!important;overflow:visible!important}.card .clip{background:var(--card);clip-path:inset(0 90px 0 90px round var(--r));position:absolute;inset:0 -90px;overflow:hidden}.card .zoom{transform-origin:50%;will-change:transform;transition:transform .9s cubic-bezier(.2,.7,.2,1);display:block;position:absolute;inset:0}.card img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;transition:filter .3s;display:block;position:absolute;inset:0}.card .clip:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000008c);height:45%;position:absolute;inset:auto 0 0}.card .cap{z-index:1;text-align:left;text-shadow:0 1px 12px #0006;flex-direction:column;font-size:13px;line-height:1.3;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.card .cap .yr{color:#f2f2f099}@media (hover:hover){.card.is-hot .zoom{transform:scale(var(--hover-zoom,1.21))}.grid:has(.card:hover) .card:not(:hover) img{filter:brightness(.62)}}html.is-open .grid,html.is-open .dock{pointer-events:none}.bar{transition:opacity .3s var(--ease), transform .3s var(--ease)}html.is-open .bar{opacity:0;pointer-events:none;transform:translateY(-8px)}html.is-open .bar>*{pointer-events:none}.detail{z-index:10;position:fixed;inset:0}.veil{-webkit-backdrop-filter:blur(28px)saturate(120%);background:#050505e6;position:absolute;inset:0}.sheet{padding:var(--edge) var(--edge) 0;flex-direction:column;display:flex;position:absolute;inset:0}.d-nav{z-index:3;width:100%;max-width:1600px;padding-bottom:var(--edge);flex:none;justify-content:space-between;align-items:center;gap:8px;margin:0 auto;display:flex;position:relative}.d-steps{gap:6px;display:flex}.d-pill{cursor:pointer;-webkit-backdrop-filter:blur(16px);color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#0c0c0c9e;border:0;border-radius:99px;min-width:34px;height:34px;padding:0 14px;font-size:11px;font-weight:500;transition:background .15s;box-shadow:inset 0 0 0 1px #ffffff1f}.d-pill:hover{background:#282828cc}.d-grid{flex:auto;grid-template-columns:minmax(300px,1fr) minmax(0,2.3fr);column-gap:clamp(20px,3vw,56px);width:100%;max-width:1600px;min-height:0;margin:0 auto;display:grid}.d-info,.d-media{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff2e transparent;min-height:0;overflow-y:auto}.d-info{padding:4px 12px calc(var(--edge) * 3) 2px}.d-media{gap:var(--gap);padding-bottom:calc(var(--edge) * 2);flex-direction:column;display:flex}.d-fig{border-radius:var(--r);background:#ffffff08;flex:none;justify-content:center;margin:0;display:flex;overflow:hidden}.d-fig img{cursor:zoom-in;width:100%;height:auto;display:block}.d-info h2{letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:clamp(26px,2.6vw,38px);font-weight:600;line-height:1.05}.d-info .sub{color:#d6d6d3;text-wrap:balance;margin:8px 0 0;font-size:clamp(17px,1.4vw,20px);font-weight:300;line-height:1.3}.d-info .yr{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:12px 0 0;font-size:11px;font-weight:500}.desc{color:#dcdcd9;max-width:52ch;margin-top:26px;font-size:16px;line-height:1.6}.desc p{margin:0 0 .9em}.credits{color:var(--mute);margin:24px 0 0;font-size:14px;line-height:1.5}.credits div{margin-bottom:10px}.credits dt{color:var(--faint);letter-spacing:.14em;text-transform:uppercase;margin-bottom:2px;font-size:10.5px}.credits dd{margin:0}.ext{color:var(--mute);letter-spacing:.14em;text-transform:uppercase;margin-top:18px;margin-right:16px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:inline-block}.ext:hover{color:var(--fg)}.d-end{justify-content:center;padding:28px 0 10px;display:flex}.d-next{cursor:pointer;color:#000;letter-spacing:.14em;text-transform:uppercase;background:#fff;border:0;border-radius:99px;height:46px;padding:0 26px;font-size:12px;font-weight:600}.d-next:hover{background:#dcdcdc}@media (width<=759px){.card .cap{font-size:12px;bottom:9px;left:10px}.menu{gap:20px}.sheet{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding-bottom:calc(var(--edge) * 3);display:block;overflow-y:auto}.d-nav{position:sticky;top:0}.d-grid{gap:var(--gap);flex-direction:column;display:flex}.d-info,.d-media{padding-bottom:0;overflow:visible}.d-media{display:contents}.d-fig.hero{order:1}.d-info{order:2;padding:14px 2px 18px}.d-fig{order:3}.d-end{order:4}.d-fig img{width:100%;max-height:none}html.is-open body{touch-action:auto}}@media (prefers-reduced-motion:reduce){.card img{transition:none}}.flow-panel{z-index:19;left:50%;bottom:calc(var(--edge) + 58px);width:min(320px, calc(100vw - 2 * var(--edge)));-webkit-backdrop-filter:blur(20px)saturate(150%);color:#d6d6d3;background:#101010d1;border-radius:16px;padding:14px 16px 12px;font-size:13px;position:fixed;translate:-50%;box-shadow:inset 0 0 0 1px #ffffff1f,0 24px 60px #0000008c}.fp-h{letter-spacing:.14em;text-transform:uppercase;color:#fff;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.fp-switch{cursor:pointer;background:#ffffff2e;border:0;border-radius:99px;width:38px;height:22px;padding:0;transition:background .2s;position:relative}.fp-switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .25s cubic-bezier(.32,.72,0,1);position:absolute;top:3px;left:3px}.fp-switch[aria-checked=true]{background:#fff}.fp-switch[aria-checked=true] i{background:#000;transform:translate(16px)}.fp-body{transition:opacity .2s}.fp-body.off{opacity:.35}.flow-panel label{grid-template-columns:74px 1fr 40px;align-items:center;gap:10px;margin:9px 0;display:grid}.flow-panel input{accent-color:#fff;width:100%}.flow-panel output{text-align:right;font-variant-numeric:tabular-nums;color:#fff}.fp-foot{color:#7d7d7a;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.fp-foot button{color:#fff;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:#ffffff14;border:0;border-radius:99px;padding:5px 12px;font-size:11px}.dock-cols{color:#d6d6d3;cursor:default;align-items:center;gap:8px;height:38px;padding:0 14px 0 12px;display:inline-flex;box-shadow:-1px 0 #ffffff1f}.dock-cols svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:15px;height:15px}.dock-cols input{accent-color:#fff;cursor:pointer;width:84px}.dock-cols output{font-variant-numeric:tabular-nums;color:#fff;min-width:1ch;font-size:13px}.dock-search{border-radius:99px;flex:none;align-items:center;height:38px;margin-right:4px;transition:background .25s;display:inline-flex}.dock-search .ds-icon{color:#d6d6d3;place-items:center;width:38px;height:38px;display:grid;padding:0!important}.dock-search .ds-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;width:17px;height:17px}.dock-search input{color:#fff;width:0;font:inherit;background:0 0;border:0;outline:none;padding:0;font-size:13px;transition:width .35s cubic-bezier(.32,.72,0,1),padding .35s}.dock-search input::placeholder{color:#8a8a87}.dock-search input::-webkit-search-cancel-button{display:none}.dock-search.open{background:#ffffff1a}.dock-search.open input{width:170px;padding-right:8px}.dock-search .ds-clear{color:#cfcfcc;border-radius:99px;width:30px;height:30px;margin-right:4px;font-size:11px;padding:0!important}.dock-search .ds-clear:hover{background:#ffffff1f}.empty{z-index:5;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:16px;display:grid;position:fixed;inset:0}.empty p{color:#d6d6d3;margin:0;font-size:clamp(18px,2vw,26px);font-weight:300}.empty button{pointer-events:auto;color:#000;height:40px;font:inherit;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:#fff;border:0;border-radius:99px;padding:0 20px;font-size:11px;font-weight:600}@media (width<=600px){.dock-search.open input{width:120px}}.flow-toggle[aria-expanded=true]{background:#ffffff1f!important}.lb{z-index:60;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}.lb-img{max-width:calc(100vw - 2 * var(--edge) - 120px);max-height:calc(100svh - 2 * var(--edge) - 60px);object-fit:contain;border-radius:4px;grid-area:1/1;width:auto;height:auto}.lb-arrow{cursor:pointer;color:#fff;background:#ffffff14;border:0;border-radius:99px;width:48px;height:48px;font-size:18px;transition:background .15s;position:absolute;top:50%;translate:0 -50%;box-shadow:inset 0 0 0 1px #ffffff1f}.lb-arrow:hover{background:#ffffff2e}.lb-arrow.prev{left:var(--edge)}.lb-arrow.next{right:var(--edge)}.lb-top{top:var(--edge);left:var(--edge);right:var(--edge);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.lb-top>*{pointer-events:auto}.lb-count{letter-spacing:.14em;color:#bdbdba;font-variant-numeric:tabular-nums;font-size:11px;font-weight:500}.lb-x{cursor:pointer;color:#fff;background:#ffffff14;border:0;border-radius:99px;width:40px;height:40px;font-size:13px;box-shadow:inset 0 0 0 1px #ffffff1f}@media (width<=759px){.lb-img{border-radius:0;max-width:100vw;max-height:calc(100svh - 140px)}.lb-arrow{top:auto;bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px));translate:none}}