*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}body{height:100dvh;overflow:hidden;background:#ebebeb;color:#161616;font:12px Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:0}button:focus-visible{outline:1px solid #222;outline-offset:6px}#stage{position:relative;width:100%;height:100dvh;background:#ebebeb;overflow:hidden;isolation:isolate;touch-action:none}header{position:absolute;inset:3.6% 3.3% auto;z-index:1000;font-weight:600;line-height:1.3;pointer-events:none}header button{pointer-events:auto}#brand{position:absolute;left:0;top:0;font-weight:600;letter-spacing:-.3px}#back{position:absolute;right:0;top:0;opacity:0;pointer-events:none;transition:opacity .4s}#stage[data-mode=detail] #back{opacity:1;pointer-events:auto}#archive{position:absolute;inset:0;overflow:hidden;cursor:grab}#archive.dragging{cursor:grabbing}.card{position:absolute;left:0;top:0;width:240px;height:154px;transform-origin:0 0;cursor:pointer;backface-visibility:hidden;border:0;display:block;padding:0;background:transparent}.card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.card:focus-visible{outline:2px solid #111;outline-offset:3px}.card.active{cursor:zoom-in}.card.open{cursor:zoom-out}#filters{position:absolute;right:3.1%;top:49%;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:7px;transition:opacity .4s}#filters button{color:#b5b5b5;font:11px Georgia,'Times New Roman',serif;letter-spacing:.25px;white-space:nowrap;transition:color .25s,transform .25s}#filters button:hover{color:#555;transform:translateX(-3px)}#filters button[aria-pressed=true]{color:#171717}#filters sup{font:6px Arial,sans-serif;vertical-align:super;margin-left:4px;letter-spacing:0}footer{position:absolute;inset:auto 3.1% 4%;z-index:1000;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.tools{display:flex;gap:20px;align-items:center;pointer-events:auto}.tools button,.tools a{width:12px;height:15px;font-size:11px;line-height:15px;transition:opacity .2s}.tools button:hover,.tools a:hover{opacity:.45}.tools svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1}.hint{font-size:9px;letter-spacing:.15px;color:#919191;opacity:0;animation:hint-in 1s 2s forwards}#position{position:absolute;bottom:4.2%;left:50%;transform:translateX(-50%);font:9px Georgia,serif;color:#868686;z-index:1000;opacity:0;transition:opacity .4s}#stage[data-mode=browse] #position{opacity:1}#caption{position:absolute;left:26%;top:75%;max-width:54%;z-index:1000;opacity:0;transform:translateY(9px);transition:opacity .6s,transform .7s;pointer-events:none}#stage[data-mode=detail] #caption{left:4%;top:15%;bottom:auto;max-width:21%;opacity:1;transform:translateY(0);transition-delay:.65s}#projectNumber{font-size:8px;color:#888;display:block;margin-bottom:6px}#caption h1{font-size:13px;font-weight:500;margin:0 0 5px;letter-spacing:-.2px}#caption p{font-size:9px;margin:0 0 9px;color:#777}.placeholder-note{font-size:8px;color:#a0a0a0}#toast{position:absolute;bottom:10%;left:50%;transform:translate(-50%,8px);z-index:2000;opacity:0;font-size:10px;transition:.3s;background:#ebebeb;padding:9px 12px;pointer-events:none}#toast.visible{opacity:1;transform:translate(-50%,0)}dialog{border:0;background:#f4f4f2;padding:44px;width:min(440px,88vw);color:#202020;box-shadow:0 20px 100px #0002;line-height:1.6}dialog::backdrop{background:#ebebebaa;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:20px;top:14px;font-size:24px;font-weight:300}dialog .eyebrow{font-size:9px;letter-spacing:.6px}dialog h2{font-size:29px;line-height:1.15;letter-spacing:-1px;font-weight:400;margin:30px 0 22px}dialog p{font-size:12px}dialog dl{margin-top:30px;font-size:11px}dialog dt{margin-top:16px}dialog dd{margin:4px 0;color:#777}dialog .note{font-size:9px;color:#999;margin:30px 0 0}@keyframes hint-in{to{opacity:.7}}@media(max-width:850px){header{font-size:11px}#filters{top:50%;right:5%;gap:10px}footer{inset:auto 5% 4%}.hint{font-size:8px;max-width:130px;line-height:1.5}#caption{left:18%;top:72%}#filters button{font-size:11px}}@media(max-width:500px){body{background:#ebebeb}#stage{width:100vw;height:100dvh;aspect-ratio:auto}header{inset:25px 22px auto;font-size:10px}#brand{font-size:12px}#filters{top:auto;bottom:100px;right:22px;gap:12px}#caption{top:62%;left:10%;max-width:58%}#caption h1{font-size:12px}footer{inset:auto 22px 27px}.tools{gap:23px}#position{bottom:28px}.hint{max-width:135px}#stage[data-mode=detail] #filters{opacity:.35}#back{top:32px}dialog{padding:32px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hint{opacity:.7}}

.tools a{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none}.tools a:focus-visible{outline:1px solid #222;outline-offset:6px}